<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>优课教育网站首页</title>
		<link rel="stylesheet" href="css/common.css" />
		<link rel="stylesheet" href="css/header_style.css" />
		<link rel="stylesheet" href="css/content_style.css" />
		<link rel="stylesheet" href="css/footer_style.css" />
	</head>
	<body>
		<div id="header">
			<ul class="nav">
				<li class="logo">
					<img src="images/logo.png" />
				</li>
				<li><a href="#">首页</a></li>
				<li><a href="#">学校介绍</a></li>
				<li><a href="#">课程设置</a></li>
				<li><a href="#">师资力量</a></li>
				<li><a href="#">招生问答</a></li>
				<li><a href="#">教学活动</a></li>
			</ul>
		</div>
		<div id="content">
			<div class="banner">
				<img src="images/banner.jpg" />
			</div>
			<div class="style_bg">
				<div class="style">
					<dl>
						<dt class="left1">
							<dd class="left2">
								<a href="#">大学专区</a>
							</dd>
						</dt>
						<dt class="left3">
							<dd class="left4">
								<a href="#">求职专区</a>
							</dd>
						</dt>
					</dl>
					<dl>
						<dt class="center1">
							<dd class="center2">
								<a href="#">高中专区</a>
							</dd>
						</dt>
						<dt class="center3">
							<dd class="center4">
								<a href="#">考证专区</a>
							</dd>
						</dt>
					</dl>
					<dl class="third">
						<dt class="right1">
						</dt>
						<dt class="right2">
							<a href="#">线上精品课专区</a>
						</dt>
					</dl>
				</div>
			</div>
			<h2>热门课程 / Popular courses</h2>
			<div class="current">
				<dl>
					<dt class="match_1"></dt>
					<dd class="current01">软件工程师课程</dd>
					<dd class="current02">
						<a href="#">高级IT人才的捷径</a>
					</dd>
				</dl>
				<dl>
					<dt class="match_2"></dt>
					<dd class="current01">Java课程</dd>
					<dd class="current02">
						<a href="#">工程师必修课程</a>
					</dd>
				</dl>
				<dl>
					<dt class="match_3"></dt>
					<dd class="current01">Python课程</dd>
					<dd class="current02">
						<a href="#">热门行业新趋势</a>
					</dd>
				</dl>
				<dl>
					<dt class="match_4"></dt>
					<dd class="current01">UI设计课程</dd>
					<dd class="current02">
						<a href="#">设计师必修课程</a>
					</dd>
				</dl>
			</div>
		</div>
		<div id="footer">
			<p>Copyright © 2020-2030 Edu.com, All rights reserved.</p>
			<p>2020-2030，版权所有 优课网 00CP备2222222222</p>
		</div>
	</body>
</html>
